<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css四种基本选择器</title>
    <style>
        /*标签选择器 使用color
        语法: 标签名
        作用: 选中指定名称的标签
        */

        h1{
            font-size: 18px;
            color: darkblue;
            text-align: center;
        }

        /*类选择器 使用color
        语法: .class值
        作用: 选中指定class值的标签
         */
        .one{
            color: crimson;
        }

        /*id选择器 使用color
        语法: #id值
        作用: 选中指定id值的标签
        注意: id值不能以数字开头,不能重复
         */
        #a2{
            color: darkmagenta;
        }
        #b2{
            color: darkorange;
        }

        /*通用选择器 使用font-size
        语法: *
        作用: 选中所有标签
         */
        *{
            font-size: 25px;
        }

    </style>
</head>
<body>
<h1>我是h1</h1>
<h1>我是h1</h1>
<h2 class="one">我是h2</h2>
<h3 class="one">我是h3</h3>
<h4 id="a2">我是h4</h4>
<h4 id="b2">我是h4</h4>
</body>
</html>